* {padding:0;margin:0;}


 
li{ list-style:none;} 
 
 
.top_bar .top_menu>li {	border-left:1px solid rgba(255, 255, 255, 0.1);  }
 
.tanchuang {position:fixed;left:50%;top:45%;display:none;margin-left:-160px;margin-top:-150px;width:320px;height:320px;background:#fff;border-radius:8px;text-align:center;z-index:1000;}
.tanchuangfg {margin:0 auto;text-align:center;width:320px;height:50px; border-radius:8px 8px 0 0;overflow:hidden;}
.tanchuangfg p {margin-top:3%;font-size:20px;font-weight:bold;color:#fff;}
.tanchuang p {margin-top:10px;}
.tanchuangyqm {margin:0 auto;width:250px;font-size:20px;border:1px dashed #ffea00;color:#fff;font-weight:bold;cursor:pointer;}
.tanchuangdownli {width:320px; margin-top:20px}
.tanchuangdownli a {display:inline-block;width:200px;text-decoration:none;text-align:center;height:55px;}
.tanchuangdownlis {width:320px; margin-top:5px}
.tanchuangdownlis a {display:inline-block;width:200px;text-decoration:none;text-align:center;height:55px;}

.tanchuangdown {display:block;width:200px;height:28px;margin:0 auto;margin-top:6%;padding-top:4%;border-radius:8px;background:#59c65d;font-size:16px;color:#fff;text-align:center;}
.close {cursor:pointer;width:40px;height:40px;background:url(bg/close.png) no-repeat;position:absolute;top:5px;right:10px;}
.zhezao {display:none;background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;}
 
/*底部*/
@media screen and (min-width:960px){ .top_bar{ display:none}  } /*最小960 */
@media only screen and (max-width: 959px) {    #mno{ display:none} }  /*最大是959*/
 
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto;   }
.top_menu { display:-webkit-box;  display: block; width: 100%;   height: 50px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background:#282828; }
.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }
.top_menu li:first-child { background:none; }
.top_bar .top_menu>li>a { height:50px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none;  -webkit-box-flex:1; }
.top_bar .top_menu>li.home { max-width:70px }
.top_bar .top_menu>li.home a { height: 60px; width: 60px; margin: auto; border-radius: 60px; position: relative; top: -14px; left: 5px; background: url('home.png') no-repeat center center; background-size: 100% 100%; }
.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 20px; text-align: center; color:#fff }
.top_bar .top_menu>li>a img { margin-top:5px; height: 24px; width: 24px; color: #fff; line-height: 50px; vertical-align:middle; }
.top_bar li:first-child a { display: block; }
.menu_font { text-align:left; position:absolute; right:10px; z-index:500; background: -webkit-gradient(linear, 0 0, 0 100%, from(#282828), to(#48403c), color-stop(60%, #282828)); border-radius: 5px; width: 85px; margin-top: 10px; padding: 0; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
.menu_font.hidden { display:none; }
.menu_font { top:inherit !important; bottom:60px; }
.menu_font li a { height:40px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none;  -webkit-box-flex:1; }
.menu_font li a { text-align: left !important; }
.top_menu li:last-of-type a { background: none; }
.menu_font:after { top: inherit!important; bottom: -6px; border-color: #48403c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 6px 6px 0; position: absolute; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; left: 80%; }
.menu_font li { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 40px; line-height: 40px !important; position: relative; color: #fff; display: block; width: 100%; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.menu_font li a img { width: 20px; height:20px; display: inline-block; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.menu_font>li>a label { padding:3px 0 0 3px; font-size:14px; overflow:hidden; margin: 0; display: block; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }
.top_bar .top_menu>li>a:hover, .top_bar .top_menu>li>a:active { background-color:#333; }